<script lang="ts" setup>
import { ref } from "vue";

const link = ref([
  {
    title: "编辑器",
  },
  {
    title: "用户管理",
  },
  {
    title: "资料管理",
  },
  {
    title: "编辑器",
  },
  {
    title: "用户管理",
  },
  {
    title: "资料管理",
  },
  {
    title: "编辑器",
  },
  {
    title: "用户管理",
  },
  {
    title: "资料管理",
  },
  {
    title: "编辑器",
  },
  {
    title: "用户管理",
  },
  {
    title: "资料管理",
  },
  
]);
</script>

<template>
  <div class="hidden md:block">
    <div class="grid grid-flow-col gap-2 justify-start m-5">
    <a
      v-for="(item, index) in link"
      :key="index"
      class="text-sm text-gray-600 bg-white py-2 px-3 rounded-md"
      >{{ item.title }}
      <i class="iconfont icon-arrowRight-copy ml-1" style="font-size: 12px"></i>
    </a>
  </div>
  </div>
</template>

<style lang="scss" scoped></style>
